<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>扫码</title>
    <link rel="icon" th:href="@{/favicon.ico}" href="../../static/favicon.ico" type="image/x-icon"/>
    <link rel="bookmark" th:href="@{/favicon.ico}" href="../../static/favicon.ico" type="image/x-icon"/>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="qr-login-bg" style="padding: 20px">
    <div style="text-align: center;color: #bfbfbf;">
        <div style="margin:0 auto;width: 10rem;height:10rem;background-image: url('../../static/images/pc.png'); background-size: cover;
    background-position: center;"></div>
        <p>即将在电脑上登录</p>
        <p>请确定是否本人操作</p>
    </div>
    <form role="form" id="loginForm" method="post" action="/login/qrcode" th:action="@{/login/qrcode}">
        <input name="code" hidden th:value="${param.code}">
        <div class="form-group">
            <input name="token" required placeholder="测试输入access_token,实际请调用app应用获取当前用户access_token"
                   class="form-control ">
        </div>
        <button type="submit" class="btn btn-primary btn-lg btn-block">确定登录</button>
        <button type="button" class="btn btn-default btn-lg btn-block">取消</button>
    </form>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</html>
